<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title th:text="${session.lang == 'en' ? news.titleEn : news.title}"></title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" href="../statics/css/amazeui.min.css">
    <link rel="stylesheet" href="../statics/css/animate.css">
    <link rel="stylesheet" href="../statics/css/layout.css">
    <link rel="stylesheet" href="../statics/iconfont/iconfont.css">
    <link rel="stylesheet" href="../statics/css/pages.css">
    <link rel="stylesheet" href="../statics/css/demo.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="../statics/css/venobox/venobox.css" type="text/css" media="screen" />
    <script src="../statics/js/jquery-1.11.0.min.js"></script>
    <script src="../statics/js/amazeui.min.js"></script>
    <script src="../statics/js/amazeui.lazyload.min.js"></script>
    <script type="text/javascript" src="../statics/js/venobox/venobox.min.js"></script>
</head>
<body>
<style>
    #main-nav-hold .main-nav,
    .am-nav,
    .rb-topnav,
    .rb-topbar {
        background: #192C69;
    }

    .rb-topnav .rb-pagenav .item>a,
    #main-nav-hold a {
        color: #fff;
    }

    .rb-pagenav .item a.nav-btn {
        color: #787878;
    }

    .rb-pagenav .item a.rb-active,
    .rb-pagenav .item a:hover {
        color: #ffffff;
        font-weight: bold;
    }

    .rb-topnav .rb-pagenav .item a.rb-active,
    .rb-topnav .rb-pagenav .item a:hover {
        color: #ffffff;
        font-weight: bold;
    }

    .sb-search-input {
        background-color: #8a8a8a;
    }

    .sb-icon-search,
    .sb-search-submit {
        background: url('../statics/images/search-3.png') no-repeat 10px 14px;
    }

    .rb-footer {
        border-top: 1px solid #f6f5f5;
    }

    .am-slider-content {
        top: 45%;
    }
</style>
<header class="rb-topbar">
    <div class="amz-container">
        <!--logo-->
        <h1 class="am-topbar-brand rb-brand ">
            <a href="/" class="rb-logo"><img th:src="${companyProfile.logo}" alt="/"> </a>
        </h1>
        <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-show-sm-only" data-am-collapse="{target: '#doc-topbar-collapse-1'}">
        <span class="am-sr-only">
          导航切换
        </span>
            <span class="iconfont icon-bars">
        </span>
        </button>
        <!--#include file="/public/html/menu.html"-->
        <div th:replace="menu :: menu"></div>

    </div>
</header>
<div style="padding-top: 150px;" class="full-screen-box clearfix">
    <h2 style="font-size:24px; color:#192C69; text-align:center; margin-bottom:15px;font-family:'sybold','Microsoft Yahei';">
        <th:block th:text="${session.lang == 'en' ? news.titleEn : news.title}"></th:block>
    </h2>
    <p style="font-size:16px; line-height:1.8em; color:#4d4a47;text-align: center;font-family:'sylight','Microsoft Yahei';">
        <th:block th:text="${#dates.format(news.createtime, 'yyyy-MM-dd')}"></th:block>
    </p>
    <div class="reb-newcon" style="font-size:16px; line-height:1.8em; color:#4d4a47; margin-top:20px; padding-bottom:30px;font-family:'sylight','Microsoft Yahei';">
        <th:block th:utext="${session.lang == 'en' ? news.contentEn : news.content}"></th:block>
    </div>
</div>
<div class="amz-container rb-hg110"></div>
<!--#include file="/public/html/footer.html"-->
<div th:replace="footer :: footer"></div>
<script src="/statics/js/canvas.js"></script>
</body>
</html>